<div style="height: 630px;overflow: auto;">
    <p-tabView>
        <p-tabPanel header="基本信息">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
                <div class="row">
                    <div class="form-group col-md-6">
                        <label for="supplierUnit">申请单位： </label>
                        <label>{{ workflow.applyUnit}}</label>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="supplierUnit">申请单编号： </label>
                        <label>{{ workflow.code}}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="supplierUnit">供方单位： </label>
                        <label>{{ workflow.supplierUnit}}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="flowExplain">外协原因：</label>
                        <label>{{ workflow.explain}}</label>
                    </div>
                    <!-- <div class="form-group col-md-10">
            <p>{{ workflow.explain}}</p>
          </div> -->
                </div>
            </div>
        </p-tabPanel>
        <p-tabPanel header="申请内容">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
                <div class="align-items-center">
                    <!--<Primeng-TurboTable-Start>-->
                    <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
                        <p-table #dataTable (onLazyLoad)="getOutsourings($event)" [value]=" this.primengTableHelper.records"
                            rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
                            [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive"
                            [resizableColumns]="primengTableHelper.resizableColumns">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 100px">
                                        序号
                                    </th>
                                    <th style="width: 150px">
                                        任务号
                                    </th>
                                    <th style="width: 150px">
                                        产品图号
                                    </th>
                                    <th style="width: 150px">
                                        产品名称
                                    </th>
                                    <th style="width: 150px">
                                        加工状态
                                    </th>
                                    <th style="width: 130px">
                                        交付进度
                                    </th>
                                    <th style="width: 100px">
                                        数量
                                    </th>
                                    <th style="width: 100px">
                                        参考单价
                                    </th>
                                    <th style="width: 100px">
                                        参考总价
                                    </th>
                                    <th style="width: 120px">
                                        备注
                                    </th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-ri='rowIndex'>
                                <tr>
                                    <th style="width: 100px">
                                        {{ri+1}}
                                    </th>
                                    <td style="width: 150px">
                                        {{record.taskCode}}
                                    </td>
                                    <td style="width: 150px">
                                        {{record.picNo}}
                                    </td>
                                    <td style="width: 150px">
                                        {{record.taskName}}
                                    </td>
                                    <td style="width: 150px">
                                        <!-- 加工状态 -->
                                        {{record.workStatus}}
                                    </td>
                                    <td style="width: 130px">
                                        <!-- 交付进度 -->
                                        {{record.deliveryRate | momentFormat:'L'}}
                                    </td>
                                    <td style="width: 100px">
                                        <!-- 数量 -->
                                        {{record.outsourcingAmount}}
                                    </td>
                                    <td style="width: 100px">
                                        {{record.unitPrice}}
                                    </td>
                                    <td style="width: 100px">
                                        {{record.unitPrice * record.outsourcingAmount}}
                                    </td>
                                    <td style="width: 120px">
                                        {{ record.remark }}
                                    </td>
                                </tr>
                            </ng-template>
                        </p-table>
                        <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                            {{'NoData' | localize}}
                        </div>
                        <div class="primeng-paging-container">
                            <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                                (onPageChange)="getOutsourings($event)" [totalRecords]="primengTableHelper.totalRecordsCount"
                                [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">

                            </p-paginator>
                            <span class="total-records-count">
                                {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
                            </span>
                        </div>
                    </div>
                    <!--<Primeng-TurboTable-End>-->
                </div>
            </div>

        </p-tabPanel>
        <p-tabPanel header="审批记录">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
                <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
            </div>
        </p-tabPanel>
    </p-tabView>
</div>
<div class="row" style="display: -webkit-box;
margin-top: 10px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;">
    <button [disabled]="saving" type="button" class="btn btn-primary2" (click)="audityes()">
        <i class="fa fa-save"></i> 同意
    </button>
    <button type="button" (click)="auditno()" class="btn btn-danger" [buttonBusy]="saving">
        <span>不同意</span>
    </button>
</div>
